<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录页面</title>
    <!-- 公共样式 -->
    <link rel="stylesheet" href="./css/common.css">
    <!-- 页面样式 -->
    <link rel="stylesheet" href="./css/login.css">
</head>
<body>
    <!-- 登录页面 -->

    <!-- 左边内容 -->
    <div class="con-l fl">
        <a href="./index.html">
            <img src="./images/login-bg.png" alt="">
        </a>
    </div>

    <!-- 右边内容 -->
    <div class="con-r fr">
        <div class="login-screen">
            <a href="./index.html">
                <img src="./images/loginlogo.png" alt="">
            </a>
            <ul>
                <li>
                   <span class="on">账号登录</span>
                   <div class="">
                       <div class="urs">
                           <input type="text" placeholder="用户名/手机号/邮箱">
                           <span>×</span>
                       </div>
                       <div class="pwd">
                           <input type="password" placeholder="密码">
                           <span>×</span>
                       </div>
                       <p style="text-align: right;">
                           <a href="">忘记密码</a>
                       </p>
                       <button style="cursor:pointer;">登录</button>
                       <p>还没有源码账号，
                           <a href="./register.html">立即注册 
                               <span></span> 
                            </a>
                        </p>
                   </div>
                </li>
                <li></li>
                <li>
                    <span class="">扫码登录</span>
                    <div class="conceal">
                        <div>
                            <img src="./images/showqrcode.jpg" width="150px" height="150px" alt="">
                            <p>微信扫码登录</p>
                            <p>未关注源码科技公众号，请先关注后再登录</p>
                        </div>
                        <p>还没有源码账号，
                            <a href="./register.html">立即注册
                                <span></span>
                            </a>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
    <!-- 提示框 -->
    <div class="tips">
        <p class="urs-error">
            用户名格式不正确
        </p>
        <p class="pwd-error">
            密码格式不正确
        </p>
        <p class="ogin-succeeded">
            登录成功
        </p>
    </div>
    <script src="./js/login.js"></script>
</body>
</html>